<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<link href="./css/screen.css" rel="stylesheet" type="text/css" />


</h:head>

<body>
	<ui:include src="./header.xhtml" />
<div id="content-outer">
<div id="content">
	
<!--  start page-heading -->
	<div id="page-heading">
		<h1>Modify account</h1>
	</div>
<!-- end page-heading -->
<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
<tr>
	<th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
	<th class="topleft"></th>
	<td id="tbl-border-top">&nbsp;</td>
	<th class="topright"></th>
	<th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
</tr>
<tr>
<td id="tbl-border-left"></td>
<td>
	<div id="content-table-inner">
	<table border="0" width="100%" cellpadding="0" cellspacing="0">
	<tr valign="bottom">
	<td>

	<h:form id="mainform" action="">
			
		<table  border="0" width="75%" cellpadding="0" cellspacing="0" id="id-form">
		<tr><th valign="bottom">Account Information</th></tr>	
		<tr>
			<th valign="bottom" >Login ID:	</th>
			<td><h:inputText type="text" value="#{systemLoginManageBean.systemUser.userName}" size="40" class="inp-form" disabled="true"/></td>				
		</tr>
		<tr class="alternate-row">
			<th valign="bottom">Old Password:</th>
		  	<td><h:inputSecret value="#{systemLoginManageBean.oldPassword}"  required="true" redisplay="true" size="40" class="inp-form"/></td>
		  	<td><span style="color:red;">*</span></td>
		  		
		</tr>
		<tr class="alternate-row">
			<th valign="bottom">new Password:</th>
		  	<td><h:inputSecret type="text" value="#{systemLoginManageBean.newPassword}" size="40" class="inp-form">
		  				<f:validator validatorId="passwordValidate"></f:validator>
		  				<f:attribute name="confirm" value="#{confirm}"></f:attribute></h:inputSecret>>
		  	</td>
		  	<th valign="bottom" style="padding-left: 20px">Confirm Password:</th>
		  	<td><h:inputSecret id="confirm" binding="#{confirm}" size="40" class="inp-form"/></td>
		</tr>
		<tr>
				<th>ID Card Number:</th>
		  		<td><h:inputText type="text" value="#{systemLoginManageBean.systemUser.idCardNumber}" size="40" class="inp-form"/></td>	
		</tr>
		<tr class="alternate-row">
				<th valign="bottom">User Profile</th>		  		
		</tr>
		<tr>
			<th valign="bottom">First Name:</th>
			<td><h:inputText type="text" value="#{systemLoginManageBean.systemUser.firstName}" size="20" class="inp-form"/></td>
			<th valign="bottom" style="padding-left: 20px">Mid Name:</th>
			<td><h:inputText type="text" value="#{systemLoginManageBean.systemUser.midName}" size="20" class="inp-form"/></td>
			<th valign="bottom" style="padding-left: 20px">Last Name:</th>
			<td><h:inputText type="text" value="#{systemLoginManageBean.systemUser.lastName}" size="20" class="inp-form"/></td> 		
		</tr>
		<tr class="alternate-row">
			<th valign="bottom">Phone Number 1:</th>
			<td><h:inputText type="text" value="#{systemLoginManageBean.systemUser.phoneNumber}" size="20" class="inp-form"/></td>
			<th valign="bottom" style="padding-left: 20px">Phone Number 2:</th>
			<td><h:inputText type="text" value="#{systemLoginManageBean.systemUser.phoneNumber2}" size="20" class="inp-form"/></td>
		</tr>	
		<tr>
			<th valign="bottom">Address 1:</th>
		  	<td><h:inputText type="text" value="#{systemLoginManageBean.systemUser.address}" size="20" class="inp-form"/></td>
		  	<th valign="bottom" style="padding-left: 20px">Address 2:</th>
		  	<td><h:inputText type="text" value="#{systemLoginManageBean.systemUser.address2}" size="20" class="inp-form"/></td>
		</tr>
		<tr class="alternate-row">
			<th valign="bottom">Email 1:</th>
		  	<td><h:inputText type="text" value="#{systemLoginManageBean.systemUser.email}" size="20" class="inp-form"/></td>	
			<th valign="bottom" style="padding-left: 20px">Email 2:</th>
		  	<td><h:inputText type="text" value="#{systemLoginManageBean.systemUser.email2}" size="20" class="inp-form"/></td>	
		</tr>
		<tr><th valign="bottom">Role</th>
		</tr>
		<tr class="alternate-row">
			<td colspan="7">
			<h:selectBooleanCheckbox value="User Admin" style="chkBox"/><h:outputText value=" User Admin" />
			&nbsp;&nbsp;
			<h:selectBooleanCheckbox value="User Support" style="chkBox"/><h:outputText value=" User Support" />
			&nbsp;&nbsp;
			<h:selectBooleanCheckbox value="Account Admin" style="chkBox"/>	<h:outputText value=" Account Admin" />
			&nbsp;&nbsp;
			<h:selectBooleanCheckbox value="Accound Support"/>	<h:outputText value=" Account Suppor" />
			&nbsp;&nbsp;
			<h:selectBooleanCheckbox value="Report Support"/>	<h:outputText value=" Report Support" />
			</td>
		</tr>
		<tr align="center">
		  		<td colspan="7"> 
		  		<h:commandButton value="Edit" type="submit"
								action="#{systemLoginManageBean.systemUser.editUser}"
								class="mod-button"></h:commandButton>
		  		&nbsp;
		  		<h:commandButton value="Cancel" type = "submit"
		  						action="#{systemLoginManageBean.systemUser.cancel}"
		  						class="cancel-button"></h:commandButton>
		  		</td>
		  	</tr>
				</table>
				<!--  end product-table................................... -->
</h:form>
</td>
</tr>
</table>
</div>
</td>
<td id="tbl-border-right"></td>
</tr>
<tr>
	<th class="sized bottomleft"></th>
	<td id="tbl-border-bottom">&nbsp;</td>
	<th class="sized bottomright"></th>
</tr>
</table>
	
</div>	
</div>
</body>
</html>
